<div class="top-bar">
    <div class="container">
        <div class="row">
            <div class="col-sm-4 col-md-4">
                <a href="#" class="left-toggle"><i class="icon-menu-2 "></i></a>
                <!-- LOGO -->
                <div class="branding">
                    <a href="index.html"><img src="<?php echo $this->templateURL; ?>/images/alpona-logo.png" alt="Alpona Logo" /></a>
                </div>
            </div>
            <div class="col-sm-4 col-md-4 responsive-notification-mnu">
                <ul class="notification-bar">
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-bell"></i></a>
                        <div class="dropdown-menu">
                            <div class="dropdown-head">
                                <h6>You have 10 new notifications</h6>
                            </div>
                            <ul class="notification-list">
                                <li><a href="#" class="clearfix"><i class="icon-star blue"></i><span class="notification-intro">Donec pretium enim vel nisl viverra posuere.<span class="notification-time">8 min ago</span></span></a></li>
                                <li><a href="#" class="clearfix"><i class=" icon-bell orange"></i><span class="notification-intro">Vestibulum viverra magna vitae dui volutpat dapibus. <span class="notification-time">3 hours ago</span></span></a></li>
                                <li><a href="#" class="clearfix"><i class=" icon-bolt brown"></i><span class="notification-intro">Fusce eget ipsum in odio consectetur condimentum et id nisl.<span class="notification-time">5 hours ago</span></span></a></li>
                                <li><a href="#" class="clearfix"><i class=" icon-ok-sign green"></i><span class="notification-intro">Mauris fringilla metus in mauris molestie tempor <span class="notification-time">8 hours ago</span></span></a></li>
                            </ul>
                            <div class="action-btn">
                                <button class="btn btn-block">View All</button>
                            </div>
                        </div>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="count-noty">12</span><i class="icon-envelop-opened"></i></a>
                        <div class="dropdown-menu">
                            <div class="dropdown-head">
                                <h6>You have 32 new messages</h6>
                            </div>
                            <ul class="msg-list">
                                <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="<?php echo $this->templateURL; ?>/images/avatar-40x40/binjal.png" /></span><span><i>binjal</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="<?php echo $this->templateURL; ?>/images/avatar-40x40/sharmin.png" /></span><span><i>sharmin</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="<?php echo $this->templateURL; ?>/images/avatar-40x40/shusi.png" /></span><span><i>shusi</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="<?php echo $this->templateURL; ?>/images/avatar-40x40/jamjam.png" /></span><span><i>jamjam</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="<?php echo $this->templateURL; ?>/images/avatar-40x40/sinha.png" /></span><span><i>sinha</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                            </ul>
                            <div class="action-btn">
                                <button class="btn btn-block">View All</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-sm-4 col-md-4 clearfix responsive-log-mnu">
                <!-- ADMIN DRODOWN MENU -->
                <div class="loged-nav pull-right">
                    <ul class="clearfix">
                        <li class="log-nav dropdown pull-right">
                            <a class="dropdown-toggle clearfix" data-toggle="dropdown">
                                <span class="pull-left loged-user-name">
                                    <?php echo $this->UserInfo('name'); ?>
                                </span>
                                <span class="logged-user-thumb pull-right">
                                    <img class="img-circle" src="<?php echo $this->Profile('avatar'); ?>" alt="<?php echo $this->Profile('first_name'); ?>" />
                                </span>
                            </a>
                            <div class="dropdown-menu">
                                <ul class="pull-right">
                                    <li>
                                        <a id="view-user-info" href="#">
                                            <?php echo $this->UserInfo('email'); ?>
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a id="view-profile-info" href="#">
                                            <?php echo $this->translate('edit profile'); ?>
                                        </a>
                                    </li>
                                    
                                    <li>
                                        <a href="#">
                                            <?php echo $this->translate('inbox'); ?>
                                        </a>
                                    </li>
                                    
                                    <li class="divider"></li>
                                    
                                    <li><a id="user-logout" href="<?php echo $this->url(array('module' => 'admin', 'controller' => 'auth', 'action' => 'logout'), null, true); ?>" class="logout-link"><i class="icon-lock-3"></i> <?php echo $this->translate('logout'); ?></a></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="form-edit">
</div>
<script>
$(document).ready(function(){
    var id = <?php echo $this->UserInfo('id'); ?>;
    
    $("#view-user-info").click(function(){
        var form = '<form action="<?php echo $this->url(array('module' => 'admin', 'controller' => 'user', 'action' => 'edit'), null, true); ?>" method="post" id="edit-user-' + id + '">';
            form += '<input type="hidden" name="id" value="' + id + '" />';
            form += '</form>';
        $("#form-edit").html(form);
        $("#edit-user-" + id).submit();
    });
    
    $("#view-profile-info").click(function(){
        var form = '<form action="<?php echo $this->url(array('module' => 'admin', 'controller' => 'profile', 'action' => 'index'), null, true); ?>" method="post" id="edit-profile-' + id + '">';
            form += '<input type="hidden" name="id" value="' + id + '" />';
            form += '</form>';
        $("#form-edit").html(form);
        $("#edit-profile-" + id).submit();
    });
});
</script>